<template>
    <div>
        <div class="accountTopRight_top">
            <div class="accountTopRight_top_title">
                <el-input v-model="input" style="width: 300px" placeholder="请输入搜索关键词，例如：张三" clearable />
                <el-date-picker v-model="value1" style="width: 240px" type="daterange" range-separator="To"
                    start-placeholder="Start date" end-placeholder="End date" />
            </div>
        </div>

        <el-table :data="tableData" style="width: 100%" :header-row-style="{ color: '#403d70' }"
            :row-style="{ color: '#858585' }">
            <el-table-column prop="date" label="车辆号码" />
            <el-table-column prop="date" label="收桶编号" />
            <el-table-column prop="date" label="质量评定" />
            <el-table-column prop="date" label="桶容积" />
            <el-table-column prop="date" label="垃圾重量" />
            <el-table-column prop="date" label="混投数量" />
            <el-table-column prop="name" label="收桶时间" />
            <el-table-column prop="address" label="进站挂桶时间" />
            <el-table-column prop="address" label="收集点/作业地址" />
            <el-table-column prop="address" label="操作图片" />
        </el-table>
    </div>

</template>

<script lang="ts" setup>
import { ref } from 'vue';

const tableData = [
    {
        date: '2016-05-03',
        name: 'Tom',
        address: 'No. 189, Grove St, Los Angeles',
    },
    {
        date: '2016-05-02',
        name: 'Tom',
        address: 'No. 189, Grove St, Los Angeles',
    },
    {
        date: '2016-05-04',
        name: 'Tom',
        address: 'No. 189, Grove St, Los Angeles',
    },
    {
        date: '2016-05-01',
        name: 'Tom',
        address: 'No. 189, Grove St, Los Angeles',
    },
]
const input = ref()
const value1 = ref('')
</script>
<style lang="scss" scoped>
.table-header {
    color: #403d70;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
}

.accountTopRight_top {
    display: flex;
    justify-content: end;

    .accountTopRight_top_title {
        display: flex;
        width: 540px;
    }
}
</style>
